home *** CD-ROM | disk | FTP | other *** search
/ PC World Komputer 2010 April / PCWorld0410.iso / pluginy Firefox / 10900 / 10900.xpi / chrome.jar / skin / mac3.1 / personas.css next >
Encoding:
Cascading Style Sheet File  |  2009-11-25  |  23.8 KB  |  637 lines
  1. /* ***** BEGIN LICENSE BLOCK *****
  2.  * Version: MPL 1.1/GPL 2.0/LGPL 2.1
  3.  *
  4.  * The contents of this file are subject to the Mozilla Public License Version
  5.  * 1.1 (the "License"); you may not use this file except in compliance with
  6.  * the License. You may obtain a copy of the License at
  7.  * http://www.mozilla.org/MPL/
  8.  *
  9.  * Software distributed under the License is distributed on an "AS IS" basis,
  10.  * WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License
  11.  * for the specific language governing rights and limitations under the
  12.  * License.
  13.  *
  14.  * The Original Code is Personas.
  15.  *
  16.  * The Initial Developer of the Original Code is Mozilla.
  17.  * Portions created by the Initial Developer are Copyright (C) 2007
  18.  * the Initial Developer. All Rights Reserved.
  19.  *
  20.  * Contributor(s):
  21.  *   Chris Beard <cbeard@mozilla.org>
  22.  *   Myk Melez <myk@mozilla.org>
  23.  *
  24.  * Alternatively, the contents of this file may be used under the terms of
  25.  * either the GNU General Public License Version 2 or later (the "GPL"), or
  26.  * the GNU Lesser General Public License Version 2.1 or later (the "LGPL"),
  27.  * in which case the provisions of the GPL or the LGPL are applicable instead
  28.  * of those above. If you wish to allow use of your version of this file only
  29.  * under the terms of either the GPL or the LGPL, and not to allow others to
  30.  * use your version of this file under the terms of the MPL, indicate your
  31.  * decision by deleting the provisions above and replace them with the notice
  32.  * and other provisions required by the GPL or the LGPL. If you do not delete
  33.  * the provisions above, a recipient may use your version of this file under
  34.  * the terms of any one of the MPL, the GPL or the LGPL.
  35.  *
  36.  * ***** END LICENSE BLOCK ***** */
  37.  
  38.  
  39. /* Note: pan-OS styles live in the content/personas.css stylesheet. */
  40.  
  41.  
  42. /******************************************************************************/
  43. /* Header */
  44.  
  45. #main-window[persona] {
  46.   -moz-appearance: none;
  47. }
  48.  
  49. #main-window[persona] #navigator-toolbox toolbar {
  50.   -moz-appearance: none;
  51.   background-color: transparent;
  52.   /*background-image: none !important;*/
  53. }
  54.  
  55. #main-window[persona] #nav-bar {
  56.   /* When we set -moz-appearance: none so the persona will appear, the toolbar
  57.    * gains 1px tall top and bottom borders.  This causes the toolbar to become
  58.    * 2px bigger overall, which would make content jump down two pixels.
  59.    * To prevent that jump, we remove the top and bottom borders, matching their
  60.    * state in the default theme with -moz-appearance: -moz-mac-unified-toolbar.
  61.    */
  62.   border-top: none;
  63.   border-bottom: none;
  64. }
  65.  
  66. #main-window[persona] #PersonalToolbar {
  67.   /* The personal (a.k.a. bookmarks) toolbar doesn't have a -moz-appearance,
  68.    * but it does have top and bottom borders, which we simply hide by setting
  69.    * their color to transparent.  Note that the bottom border is set via both
  70.    * border-bottom-color and -moz-border-bottom-colors in the default theme.
  71.    * The latter appears to override the former, so we probably only need to set
  72.    * -moz-border-bottom-colors to transparent, but we set them both anyway
  73.    * just in case.
  74.    */
  75.   border-top-color: transparent;
  76.   border-bottom-color: transparent;
  77.   -moz-border-bottom-colors: transparent;
  78. }
  79.  
  80. /* Gray out the window slightly when it's not active. */
  81. #main-window[persona]:not([active="true"]) > #navigator-toolbox > toolbar,
  82. #main-window[persona]:not([active="true"]) > #navigator-toolbox > #PersonalToolbar {
  83.   -moz-appearance: none;
  84.   background-color: transparent; 
  85. }
  86. #main-window[persona]:not([active="true"]) > #navigator-toolbox > #nav-bar {
  87.   -moz-appearance: none;
  88.   background-image: none; 
  89.   background-color: transparent; 
  90. }
  91.  
  92. #main-window[persona] #nav-bar {
  93.   -moz-appearance: none;
  94.   background-image: none; 
  95.   background-color: transparent;
  96. }
  97.  
  98.  
  99.  
  100. /* Change the toolbarbutton icons for the default toolbarbuttons when a persona
  101.  * is active.  Firefox applies its version of Toolbar.png to all toolbarbuttons
  102.  * with class toolbarbutton-1, but we can't simply do the same, since extensions
  103.  * frequently apply that class to their toolbarbuttons, and our rule can
  104.  * override the extensions' rules, causing our Toolbar.png to appear in place
  105.  * of their icons (see bug 482318).  Instead we have to apply our icons to each
  106.  * default toolbarbutton individually. */
  107. #main-window[persona] #back-button,
  108. #main-window[persona] #forward-button,
  109. #main-window[persona] #reload-button,
  110. #main-window[persona] #stop-button,
  111. /* The Home button gets styled specially when placed on the Bookmarks Toolbar.
  112.  * There it takes on the appearance of a bookmark.  And we don't want to hork
  113.  * that.  So here we only apply the persona-specific style when the button
  114.  * is not a bookmark item. */
  115. #main-window[persona] #home-button:not(.bookmark-item),
  116. #main-window[persona] #print-button,
  117. #main-window[persona] #downloads-button,
  118. #main-window[persona] #history-button,
  119. #main-window[persona] #bookmarks-button,
  120. #main-window[persona] #new-tab-button,
  121. #main-window[persona] #new-window-button,
  122. #main-window[persona] #cut-button,
  123. #main-window[persona] #copy-button,
  124. #main-window[persona] #paste-button,
  125. #main-window[persona] #back-forward-dropmarker {
  126.   list-style-image: url("chrome://personas/skin/Toolbar.png");
  127. }
  128.  
  129. #main-window[persona] #back-button[chromedir="rtl"],
  130. #main-window[persona] #forward-button[chromedir="rtl"],
  131. #main-window[persona] #reload-button[chromedir="rtl"],
  132. #main-window[persona] #stop-button[chromedir="rtl"],
  133. /* The Home button gets styled specially when placed on the Bookmarks Toolbar.
  134.  * There it takes on the appearance of a bookmark.  And we don't want to hork
  135.  * that.  So here we only apply the persona-specific style when the button
  136.  * is not a bookmark item. */
  137. #main-window[persona] #home-button[chromedir="rtl"]:not(.bookmark-item),
  138. #main-window[persona] #print-button[chromedir="rtl"],
  139. #main-window[persona] #downloads-button[chromedir="rtl"],
  140. #main-window[persona] #history-button[chromedir="rtl"],
  141. #main-window[persona] #bookmarks-button[chromedir="rtl"],
  142. #main-window[persona] #new-tab-button[chromedir="rtl"],
  143. #main-window[persona] #new-window-button[chromedir="rtl"],
  144. #main-window[persona] #cut-button[chromedir="rtl"],
  145. #main-window[persona] #copy-button[chromedir="rtl"],
  146. #main-window[persona] #paste-button[chromedir="rtl"],
  147. #main-window[persona] #back-forward-dropmarker[chromedir="rtl"] {
  148.   list-style-image: url("chrome://personas/skin/Toolbar-rtl.png");
  149. }
  150.  
  151. /* ----- DEFAULT BACK BUTTON, STAND-ALONE ----- */      
  152.  
  153. #main-window[persona] #back-button {
  154.   -moz-image-region: rect(0px, 36px, 23px, 0px);
  155. }
  156. #main-window[persona] #back-button[disabled="true"] {
  157.   -moz-image-region: rect(23px, 36px, 46px, 0px);
  158. }
  159. #main-window[persona] #back-button:hover:active:not([disabled]),
  160. #main-window[persona] #back-button[buttondown="true"]:not([disabled]),
  161. #main-window[persona] #back-button[open="true"] {
  162.   -moz-image-region: rect(46px, 36px, 69px, 0px);
  163. }
  164.  
  165. /* ----- DEFAULT FORWARD BUTTON, STAND-ALONE ----- */   
  166.  
  167. #main-window[persona] #forward-button {
  168.   -moz-image-region: rect(0px, 72px, 23px, 36px);
  169. }
  170.  
  171. #main-window[persona] #forward-button[disabled="true"] {
  172.   -moz-image-region: rect(23px, 72px, 46px, 36px);
  173. }
  174. #main-window[persona] #forward-button:hover:active:not([disabled]),
  175. #main-window[persona] #forward-button[buttondown="true"]:not([disabled]),
  176. #main-window[persona] #forward-button[open="true"] {
  177.   -moz-image-region: rect(46px, 72px, 69px, 36px);
  178. }
  179.  
  180. /* ----- DEFAULT BACK/FORWARD BUTTONS ----- */
  181.  
  182. #main-window[persona] toolbar[mode="icons"] #unified-back-forward-button > #back-button {
  183.   -moz-image-region: rect(0px, 535px, 33px, 504px);
  184. }
  185.  
  186. #main-window[persona] toolbar[mode="icons"] #unified-back-forward-button > #back-button[chromedir="rtl"] {
  187.   -moz-image-region: rect(0px, 571px, 33px, 540px);
  188. }
  189.  
  190. #main-window[persona] toolbar[mode="icons"] #unified-back-forward-button > #back-button[disabled="true"] {
  191.  -moz-image-region: rect(33px, 535px, 66px, 504px);
  192. }
  193.  
  194. #main-window[persona] toolbar[mode="icons"] #unified-back-forward-button > #back-button[disabled="true"][chromedir="rtl"] {
  195.   -moz-image-region: rect(33px, 571px, 66px, 540px);
  196. }
  197.  
  198. #main-window[persona] toolbar[mode="icons"] #unified-back-forward-button > #back-button:hover:active:not([disabled]),
  199. #main-window[persona] toolbar[mode="icons"] #unified-back-forward-button > #back-button[open="true"] {
  200.   -moz-image-region: rect(66px, 535px, 99px, 504px);
  201. }
  202.  
  203. #main-window[persona] toolbar[mode="icons"] #unified-back-forward-button > #back-button:hover:active[chromedir="rtl"]:not([disabled]),
  204. #main-window[persona] toolbar[mode="icons"] #unified-back-forward-button > #back-button[open="true"][chromedir="rtl"] {
  205.   -moz-image-region: rect(66px, 571px, 99px, 540px);
  206. }
  207.  
  208. #main-window[persona] toolbar[mode="icons"] #unified-back-forward-button > #forward-button {
  209.   -moz-image-region: rect(0px, 560px, 33px, 535px);
  210. }
  211.  
  212. #main-window[persona] toolbar[mode="icons"] #unified-back-forward-button > #forward-button[chromedir="rtl"] {
  213.   -moz-image-region: rect(0px, 540px, 33px, 514px);
  214. }
  215.  
  216. #main-window[persona] toolbar[mode="icons"] #unified-back-forward-button > #forward-button[disabled="true"] {
  217.  -moz-image-region: rect(33px, 560px, 66px, 535px);
  218. }
  219.  
  220. #main-window[persona] toolbar[mode="icons"] #unified-back-forward-button > #forward-button[disabled="true"][chromedir="rtl"] {
  221.  -moz-image-region: rect(33px, 540px, 66px, 514px);
  222. }
  223.  
  224. #main-window[persona] toolbar[mode="icons"] #unified-back-forward-button > #forward-button:hover:active:not([disabled]),
  225. #main-window[persona] toolbar[mode="icons"] #unified-back-forward-button > #forward-button[open="true"] {
  226.   -moz-image-region: rect(99px, 560px, 132px, 530px);
  227. }
  228.  
  229. #main-window[persona] toolbar[mode="icons"] #unified-back-forward-button > #forward-button[chromedir="rtl"]:hover:active:not([disabled]),
  230. #main-window[persona] toolbar[mode="icons"] #unified-back-forward-button > #forward-button[open="true"][chromedir="rtl"] {
  231.   -moz-image-region: rect(99px, 545px, 132px, 514px);
  232. }
  233.  
  234. #main-window[persona] #back-forward-dropmarker {
  235.   -moz-image-region: rect(0px, 571px, 33px, 560px);
  236. }
  237.  
  238. #main-window[persona] #back-forward-dropmarker[chromedir="rtl"] {
  239.   -moz-image-region: rect(0px, 514px, 33px, 504px);
  240. }
  241.  
  242. #main-window[persona] #back-forward-dropmarker[disabled="true"] {
  243.  -moz-image-region: rect(33px, 571px, 66px, 560px);
  244. }
  245.  
  246. #main-window[persona] #back-forward-dropmarker[disabled="true"][chromedir="rtl"] {
  247.  -moz-image-region: rect(33px, 514px, 66px, 504px);
  248. }
  249.  
  250. #main-window[persona] #back-forward-dropmarker:hover:active:not([disabled]),
  251. #main-window[persona] #back-forward-dropmarker[open="true"] {
  252.   -moz-image-region: rect(66px, 571px, 99px, 560px);
  253. }
  254.  
  255. #main-window[persona] #back-forward-dropmarker[chromedir="rtl"]:hover:active:not([disabled]),
  256. #main-window[persona] #back-forward-dropmarker[open="true"][chromedir="rtl"] {
  257.   -moz-image-region: rect(66px, 514px, 99px, 504px);
  258. }
  259.  
  260. /* ----- SMALL BACK BUTTON, PAIRED----- */      
  261.  
  262. #main-window[persona] toolbar[mode="icons"][iconsize="small"] #unified-back-forward-button > #back-button {
  263.   -moz-image-region: rect(0px, 605px, 23px, 571px);
  264. }
  265.  
  266. #main-window[persona] toolbar[mode="icons"][iconsize="small"] #unified-back-forward-button > #back-button[chromedir="rtl"] {
  267.   -moz-image-region: rect(0px, 648px, 23px, 614px);
  268. }
  269.  
  270. #main-window[persona] toolbar[mode="icons"][iconsize="small"] #unified-back-forward-button > #back-button[disabled="true"] {
  271.   -moz-image-region: rect(23px, 605px, 46px, 571px);
  272. }
  273.  
  274. #main-window[persona] toolbar[mode="icons"][iconsize="small"] #unified-back-forward-button > #back-button[disabled="true"][chromedir="rtl"] {
  275.   -moz-image-region: rect(23px, 648px, 46px, 614px);
  276. }
  277.  
  278. #main-window[persona] toolbar[mode="icons"][iconsize="small"] #unified-back-forward-button > #back-button:hover:active:not([disabled]),
  279. #main-window[persona] toolbar[mode="icons"][iconsize="small"] #unified-back-forward-button > #back-button[open="true"] {
  280.   -moz-image-region: rect(46px, 605px, 69px, 571px);
  281. }
  282.  
  283. #main-window[persona] toolbar[mode="icons"][iconsize="small"] #unified-back-forward-button > #back-button[chromedir="rtl"]:hover:active:not([disabled]),
  284. #main-window[persona] toolbar[mode="icons"][iconsize="small"] #unified-back-forward-button > #back-button[open="true"][chromedir="rtl"] {
  285.   -moz-image-region: rect(46px, 648px, 69px, 614px);
  286. }
  287.  
  288. /* ----- SMALL FORWARD BUTTON, PAIRED ----- */  
  289.  
  290. #main-window[persona] toolbar[mode="icons"][iconsize="small"] #unified-back-forward-button > #forward-button {
  291.   -moz-image-region: rect(0px, 638px, 23px, 605px);
  292. }
  293.  
  294. #main-window[persona] toolbar[mode="icons"][iconsize="small"] #unified-back-forward-button > #forward-button[chromedir="rtl"] {
  295.   -moz-image-region: rect(0px, 614px, 23px, 580px);
  296. }
  297.  
  298. #main-window[persona] toolbar[mode="icons"][iconsize="small"] #unified-back-forward-button > #forward-button[disabled="true"] {
  299.  -moz-image-region: rect(23px, 638px, 46px, 605px);
  300. }
  301.  
  302. #main-window[persona] toolbar[mode="icons"][iconsize="small"] #unified-back-forward-button > #forward-button[disabled="true"][chromedir="rtl"] {
  303.  -moz-image-region: rect(23px, 614px, 46px, 580px);
  304. }
  305.  
  306. #main-window[persona] toolbar[mode="icons"][iconsize="small"] #unified-back-forward-button > #forward-button:hover:active:not([disabled]),
  307. #main-window[persona] toolbar[mode="icons"][iconsize="small"] #unified-back-forward-button > #forward-button[open="true"] {
  308.   -moz-image-region: rect(46px, 638px, 69px, 605px);
  309. }
  310.  
  311. #main-window[persona] toolbar[mode="icons"][iconsize="small"] #unified-back-forward-button > #forward-button[chromedir="rtl"]:hover:active:not([disabled]),
  312. #main-window[persona] toolbar[mode="icons"][iconsize="small"] #unified-back-forward-button > #forward-button[open="true"][chromedir="rtl"] {
  313.   -moz-image-region: rect(46px, 614px, 69px, 580px);
  314. }
  315.  
  316. /* ----- SMALL BACK/FORWARD DROPMARKER ----- */ 
  317.  
  318. #main-window[persona] toolbar[iconsize="small"] #unified-back-forward-button > #back-forward-dropmarker {
  319.   -moz-image-region: rect(0px, 648px, 23px, 638px);
  320. }
  321.  
  322. #main-window[persona] toolbar[iconsize="small"] #unified-back-forward-button > #back-forward-dropmarker[chromedir="rtl"] {
  323.   -moz-image-region: rect(0px, 580px, 23px, 571px);
  324. }
  325.  
  326. #main-window[persona] toolbar[iconsize="small"] #unified-back-forward-button > #back-forward-dropmarker[disabled="true"] {
  327.  -moz-image-region: rect(23px, 648px, 46px, 638px);
  328. }
  329.  
  330. #main-window[persona] toolbar[iconsize="small"] #unified-back-forward-button > #back-forward-dropmarker[disabled="true"][chromedir="rtl"] {
  331.  -moz-image-region: rect(23px, 580px, 46px, 571px);
  332. }
  333.  
  334. #main-window[persona] toolbar[iconsize="small"] #unified-back-forward-button > #back-forward-dropmarker:hover:active:not([disabled]),
  335. #main-window[persona] toolbar[iconsize="small"] #unified-back-forward-button > #back-forward-dropmarker[open="true"] {
  336.   -moz-image-region: rect(46px, 648px, 69px, 638px);
  337. }
  338.  
  339. #main-window[persona] toolbar[iconsize="small"] #unified-back-forward-button > #back-forward-dropmarker[chromedir="rtl"]:hover:active:not([disabled]),
  340. #main-window[persona] toolbar[iconsize="small"] #unified-back-forward-button > #back-forward-dropmarker[open="true"][chromedir="rtl"] {
  341.   -moz-image-region: rect(46px, 580px, 69px, 571px);
  342. }
  343.  
  344. /* ----- DEFAULT RELOAD BUTTON ----- */ 
  345.  
  346. #main-window[persona] #reload-button {
  347.   -moz-image-region: rect(0px, 108px, 23px, 72px);
  348. }
  349. #main-window[persona] #reload-button[disabled="true"] {
  350.   -moz-image-region: rect(23px, 108px, 46px, 72px) !important;
  351. }
  352. #main-window[persona] #reload-button:hover:active {
  353.   -moz-image-region: rect(46px, 108px, 69px, 72px);
  354. }
  355.  
  356. /* ----- DEFAULT STOP BUTTON ----- */   
  357.  
  358. #main-window[persona] #stop-button {
  359.   -moz-image-region: rect(0px, 144px, 23px, 108px);
  360. }
  361. #main-window[persona] #stop-button[disabled="true"] {
  362.   -moz-image-region: rect(23px, 144px, 46px, 108px) !important;
  363. }
  364. #main-window[persona] #stop-button:hover:active {
  365.   -moz-image-region: rect(46px, 144px, 69px, 108px);
  366. }
  367.  
  368. /* ----- DEFAULT HOME BUTTON ----- */   
  369.  
  370. /* The Home button gets styled specially when placed on the Bookmarks Toolbar.
  371.  * There it takes on the appearance of a bookmark.  And we don't want to hork
  372.  * that.  So here we only apply the persona-specific style when the button
  373.  * is not a bookmark item. */
  374.  
  375. #main-window[persona] #home-button:not(.bookmark-item) {
  376.   -moz-image-region: rect(0px, 180px, 23px, 144px);
  377. }
  378. #main-window[persona] #home-button[disabled="true"]:not(.bookmark-item) {
  379.   -moz-image-region: rect(23px, 180px, 46px, 144px) !important;
  380. }
  381. #main-window[persona] #home-button:hover:active:not(.bookmark-item) {
  382.   -moz-image-region: rect(46px, 180px, 69px, 144px);
  383. }
  384.  
  385. /* ----- DEFAULT DOWNLOADS BUTTON ----- */      
  386.  
  387. #main-window[persona] #downloads-button {
  388.   -moz-image-region: rect(0px, 216px, 23px, 180px);
  389. }
  390. #main-window[persona] #downloads-button[disabled="true"] {
  391.   -moz-image-region: rect(23px, 216px, 46px, 180px);
  392. }
  393. #main-window[persona] #downloads-button:hover:active {
  394.   -moz-image-region: rect(46px, 216px, 69px, 180px);
  395. }
  396.  
  397. /* ----- DEFAULT HISTORY BUTTON ----- */        
  398.  
  399. #main-window[persona] #history-button {
  400.   -moz-image-region: rect(0px, 252px, 23px, 216px);
  401. }
  402. #main-window[persona] #history-button[disabled="true"] {
  403.   -moz-image-region: rect(23px, 252px, 46px, 216px);
  404. }
  405. #main-window[persona] #history-button:hover:active { 
  406.   -moz-image-region: rect(46px, 252px, 69px, 216px);
  407. }
  408.  
  409. #main-window[persona] #history-button[checked="true"] {
  410.   -moz-image-region: rect(69px, 252px, 92px, 216px);
  411. }
  412.  
  413. #main-window[persona] #history-button[checked="true"]:hover:active {
  414.   -moz-image-region: rect(92px, 252px, 115px, 216px);
  415. }
  416.  
  417. /* ----- DEFAULT BOOKMARKS BUTTON ----- */      
  418.  
  419. #main-window[persona] #bookmarks-button {
  420.   -moz-image-region: rect(0px, 288px, 23px, 252px);
  421. }
  422. #main-window[persona] #bookmarks-button[disabled="true"] {
  423.   -moz-image-region: rect(23px, 288px, 46px, 252px);
  424. }
  425. #main-window[persona] #bookmarks-button:hover:active {
  426.   -moz-image-region: rect(46px, 288px, 69px, 252px);
  427. }
  428.  
  429. #main-window[persona] #bookmarks-button[checked="true"] {
  430.   -moz-image-region: rect(69px, 288px, 92px, 252px);
  431. }
  432.  
  433. #main-window[persona] #bookmarks-button[checked="true"]:hover:active {
  434.   -moz-image-region: rect(92px, 288px, 115px, 252px);
  435. }
  436.  
  437. /* ----- DEFAULT PRINT BUTTON ----- */  
  438.  
  439. #main-window[persona] #print-button {
  440.   -moz-image-region: rect(0px, 324px, 23px, 288px);
  441. }
  442. #main-window[persona] #print-button[disabled="true"] {
  443.   -moz-image-region: rect(23px, 324px, 46px, 288px);
  444. }
  445. #main-window[persona] #print-button:hover:active {
  446.   -moz-image-region: rect(46px, 324px, 69px, 288px);
  447. }
  448.  
  449. /* ----- TOOLBAR NEW-TAB BUTTON ----- */        
  450.  
  451. #main-window[persona] #new-tab-button {
  452.   -moz-image-region: rect(0px, 360px, 23px, 324px);
  453. }
  454. #main-window[persona] #new-tab-button[disabled="true"] {
  455.   -moz-image-region: rect(23px, 360px, 46px, 324px);
  456. }
  457. #main-window[persona] #new-tab-button:hover:active {
  458.   -moz-image-region: rect(46px, 360px, 69px, 324px);
  459. }
  460.  
  461. /* ----- DEFAULT NEW-WINDOW BUTTON ----- */     
  462.  
  463. #main-window[persona] #new-window-button {
  464.   -moz-image-region: rect(0px, 396px, 23px, 360px);
  465. }
  466. #main-window[persona] #new-window-button[disabled="true"] {
  467.   -moz-image-region: rect(23px, 396px, 46px, 360px);
  468. }
  469. #main-window[persona] #new-window-button:hover:active {
  470.   -moz-image-region: rect(46px, 396px, 69px, 360px);
  471. }
  472.  
  473. /* ----- DEFAULT CUT BUTTON ----- */    
  474.  
  475. #main-window[persona] #cut-button {
  476.   -moz-image-region: rect(0px, 432px, 23px, 396px);
  477. }
  478. #main-window[persona] #cut-button[disabled="true"] {
  479.   -moz-image-region: rect(23px, 432px, 46px, 396px) !important;
  480. }
  481. #main-window[persona] #cut-button:hover:active,
  482. #main-window[persona] #cut-button[checked="true"] {
  483.   -moz-image-region: rect(46px, 432px, 69px, 396px);
  484. }
  485.  
  486. /* ----- DEFAULT COPY BUTTON ----- */   
  487.  
  488. #main-window[persona] #copy-button {
  489.   -moz-image-region: rect(0px, 468px, 23px, 432px);
  490. }
  491. #main-window[persona] #copy-button[disabled="true"] {
  492.   -moz-image-region: rect(23px, 468px, 46px, 432px) !important;
  493. }
  494. #main-window[persona] #copy-button:hover:active,
  495. #main-window[persona] #copy-button[checked="true"] {
  496.   -moz-image-region: rect(46px, 468px, 69px, 432px);
  497. }
  498. /* ----- DEFAULT PASTE BUTTON ----- */  
  499.  
  500. #main-window[persona] #paste-button {
  501.   -moz-image-region: rect(0px, 504px, 23px, 468px);
  502. }
  503. #main-window[persona] #paste-button[disabled="true"] {
  504.   -moz-image-region: rect(23px, 504px, 46px, 468px) !important;
  505. }
  506. #main-window[persona] #paste-button:hover:active,
  507. #main-window[persona] #paste-button[checked="true"] {
  508.   -moz-image-region: rect(46px, 504px, 69px, 468px);
  509. }
  510.  
  511.  
  512.  
  513. /* Eliminate text shadows from toolbarbutton, tab, and statusbar text so it
  514.  * doesn't create an unnatural color stroke on the bottom half of the text. */
  515. #main-window[persona] .toolbarbutton-text,
  516. #main-window[persona] .tab-text,
  517. #browser-bottombox[persona] statusbar {
  518.   text-shadow: none;
  519. }
  520.  
  521. #main-window[persona] toolbarbutton.bookmark-item {
  522.   -moz-appearance: none;
  523.   background-color: transparent;
  524. }
  525.  
  526. #main-window[persona] .tabbrowser-tabs {
  527.   -moz-appearance: none;
  528.   background-color: transparent;
  529.   background-image: none !important;
  530. }
  531.  
  532. #main-window[persona]:not([active="true"]) .tabbrowser-strip {
  533.   opacity: 0.8; 
  534. }
  535.  
  536. #main-window[persona] .tabbrowser-strip {
  537.   -moz-appearance: none;
  538.   /*background-image: url(chrome://personas/skin/tabbrowser-tabs-bkgnd.png) !important;*/
  539.   background-color: transparent; 
  540.   background-image: none !important;
  541. }
  542.  
  543. #main-window[persona] .tabbrowser-tab {
  544.   /*opacity: 0.6;*/
  545.   /*color: black !important;*/
  546. }
  547.  
  548. #main-window[persona] .tabbrowser-tab[selected="true"],
  549. #main-window[persona] .tabbrowser-tab:hover {
  550.   /*background-color: none;*/
  551.   /*opacity: 0.6;*/
  552. }
  553.  
  554. #main-window[persona] .tab-text,
  555. #main-window[persona] .tab-text-shadow {
  556.   /*font-weight: normal !important;*/
  557. }
  558.  
  559. #main-window[persona] .tabbrowser-tab {
  560.   -moz-appearance: none;
  561.   -moz-border-radius: 0 0 6px 6px;
  562.   color: #222;
  563.   -moz-box-pack: center;
  564.   -moz-box-align: center;
  565.   margin-bottom: 1px;
  566.   -moz-margin-end: 1px;
  567.   padding: 0 5px;
  568.   border-style: none solid solid;
  569.   border-width: 3px;
  570.   -moz-border-right-colors: rgba(0, 0, 0, .08) rgba(0, 0, 0, .17) rgba(180, 180, 180, .29);
  571.   -moz-border-bottom-colors: rgba(0, 0, 0, .08) rgba(0, 0, 0, .17) rgba(180, 180, 180, .29);
  572.   -moz-border-left-colors: rgba(0, 0, 0, .08) rgba(0, 0, 0, .17) rgba(180, 180, 180, .29);
  573.   -moz-background-clip: padding;
  574.   min-width: 1px !important;
  575.   text-align: center;
  576.   height: 24px;
  577.   background-image: none !important;
  578. }
  579.  
  580. #main-window[persona] .tabbrowser-tab:not([selected="true"]) {
  581.   background-image: url(chrome://personas/skin/tabbrowser-tabs-bkgnd.png) !important;
  582.   /*background-image: url(chrome://browser/skin/tabbrowser/tab-bkgnd.png);*/
  583.   /*background-image: none !important;*/
  584. }
  585.  
  586. #main-window[persona] .tabbrowser-tab[selected="true"] {
  587.   -moz-user-focus: normal;
  588.   padding: 0 6px 1px;
  589.   border-width: 2px;
  590.   -moz-border-left-colors: rgba(0, 0, 0, .1) rgba(0, 0, 0, .2);
  591.   -moz-border-bottom-colors: rgba(0, 0, 0, .1) rgba(0, 0, 0, .2);
  592.   -moz-border-right-colors: rgba(0, 0, 0, .1) rgba(0, 0, 0, .2);
  593.   background-color: transparent !important;
  594.   background-image: none !important;
  595. }
  596.  
  597.  
  598. /******************************************************************************/
  599. /* Make some elements a little transparent so the persona flavors their look. */
  600.  
  601. #main-window[persona] #urlbar,
  602. #main-window[persona] #searchbar {
  603.   opacity: 0.8;
  604. }
  605.  
  606. #main-window[persona] .findbar-find-next,
  607. #main-window[persona] .findbar-find-previous,
  608. #main-window[persona] .findbar-highlight {
  609.   background: url("chrome://personas/skin/white-gray-gradient.png") repeat-x top center;
  610.   color: inherit !important;
  611. }
  612.  
  613. #main-window[persona] .findbar-container > toolbarbutton:not([disabled]):hover:active,
  614. #main-window[persona] .findbar-container > hbox > toolbarbutton:not([disabled]):hover:active {
  615.   background-image: url("chrome://personas/skin/white-gray-gradient-active.png");
  616.   color: inherit !important;
  617. }
  618.  
  619. #main-window[persona] .findbar-container > toolbarbutton[disabled],
  620. #main-window[persona] .findbar-container > hbox > toolbarbutton[disabled] {
  621.   opacity: 0.5;
  622. }
  623.  
  624.  
  625. /******************************************************************************/
  626. /* Footer */
  627.  
  628. #browser-bottombox[persona] statusbar {
  629.   border-top-width: 1px !important;
  630.   border-top-color: transparent !important;
  631. }
  632.  
  633. #browser-bottombox[persona] #FindToolbar {
  634.   border-top-width: 1px;
  635.   border-top-color: transparent;
  636. }
  637.